﻿<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<title>手机帐单查询</title>
<link href="images/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script language="JavaScript" type="text/javascript">  

//用来记录要显示的DIV的ID值   
var EV_MsgBox_ID=""; //重要     
//弹出对话窗口(msgID-要显示的div的id)   
function EV_modeAlert(msgID){  
    //创建大大的背景框   
    var bgObj=document.createElement("div");  
    bgObj.setAttribute('id','EV_bgModeAlertDiv');  
    document.body.appendChild(bgObj);  
    //背景框满窗口显示   
    EV_Show_bgDiv();  
   //把要显示的div居中显示   
    EV_MsgBox_ID=msgID;  
    EV_Show_msgDiv();  
}  
  
//关闭对话窗口   
function EV_closeAlert(){  
    var msgObj=document.getElementById(EV_MsgBox_ID);  
    var bgObj=document.getElementById("EV_bgModeAlertDiv");  
    msgObj.style.display="none";  
    document.body.removeChild(bgObj);  
    EV_MsgBox_ID="";  
}  
  
//窗口大小改变时更正显示大小和位置   
window.onresize=function(){  
    if (EV_MsgBox_ID.length>0){  
        EV_Show_bgDiv();  
        EV_Show_msgDiv();  
    }  
}  
  
//窗口滚动条拖动时更正显示大小和位置   
window.onscroll=function(){  
    if (EV_MsgBox_ID.length>0){  
        EV_Show_bgDiv();  
        EV_Show_msgDiv();  
    }  
}  
  
//把要显示的div居中显示   
function EV_Show_msgDiv(){  
    var msgObj   = document.getElementById(EV_MsgBox_ID);  
   msgObj.style.display  = "block";  
    var msgWidth = msgObj.scrollWidth;  
    var msgHeight= msgObj.scrollHeight;  
    var bgTop=EV_myScrollTop();  
    var bgLeft=EV_myScrollLeft();  
    var bgWidth=EV_myClientWidth();  
    var bgHeight=EV_myClientHeight();  
    var msgTop=bgTop+Math.round((bgHeight-msgHeight));  
    var msgLeft=bgLeft+Math.round((bgWidth-msgWidth)/2);  
    msgObj.style.position = "absolute";  
    msgObj.style.top      = msgTop+"px";  
    msgObj.style.left     = msgLeft+"px";  
    msgObj.style.zIndex   = "10001";  
      
}  
//背景框满窗口显示   
function EV_Show_bgDiv(){  
    var bgObj=document.getElementById("EV_bgModeAlertDiv");  
    var bgWidth=EV_myClientWidth();  
    var bgHeight=EV_myClientHeight();  
    var bgTop=EV_myScrollTop();  
    var bgLeft=EV_myScrollLeft();  
    bgObj.style.position   = "absolute";  
    bgObj.style.top        = bgTop+"px";  
   bgObj.style.left       = bgLeft+"px";  
    bgObj.style.width      = bgWidth + "px";  
    bgObj.style.height     = bgHeight + "px";  
    bgObj.style.zIndex     = "10000";  
    bgObj.style.background = "#777";  
    bgObj.style.filter     = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60,finishOpacity=60);";  
    bgObj.style.opacity    = "0.6";  
}  
//网页被卷去的上高度   
function EV_myScrollTop(){  
    var n=window.pageYOffset   
    || document.documentElement.scrollTop   
    || document.body.scrollTop || 0;  
   return n;  
}  
//网页被卷去的左宽度   
function EV_myScrollLeft(){  
    var n=window.pageXOffset   
    || document.documentElement.scrollLeft   
    || document.body.scrollLeft || 0;  
    return n;  
}  
//网页可见区域宽   
function EV_myClientWidth(){  
    var n=document.documentElement.clientWidth   
    || document.body.clientWidth || 0;  
    return n;  
}  
//网页可见区域高   
function EV_myClientHeight(){  
    var n=document.documentElement.clientHeight   
    || document.body.clientHeight || 0;  
    return n;  
}  

function ChangeBindNum(id){	
			
			var datajson = {"bindId":id};
			var url = 'ajaxChangeBindNum.action';
			
			$.ajax({
	            type: "POST",
	            url: url,
	            dataType: "json",
	            data: datajson,
	            success: responseCreate,
	            error: function () {
	                alert("切换失败！");
	            }
	        });
		}
function responseCreate(data, textStatus, jqXHR){			
	if(data.status=="ok"){							
				location.href="index.action";
		}
		else {
			alert("切换号码失败！");
		}
}
</script>  

</head>
<body>
<div class=apptop>
<div class=app>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="l1" onclick="history.go(-1)"><img src="images/appreturn.png" width="18" height="23" /></td>
    <td align="center"  class="l2">绑定号码维护</td>
    <td align="right" valign="middle"   class="r1" onclick="EV_modeAlert('envon')"> <img src="images/appmore.png" name="i" width="27" height="28"  id=i  onmouseover="show(this)" onmouseout="hide()"></td>
  </tr>
</table>


</div></div>
<div style="width:99%;margin:auto;">
<s:iterator id="ul" value="bindNumList" status="em">
<div class="boxMore2"><li>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td onclick="ChangeBindNum(<s:property value="#ul.id" />)">
      <s:if test="#ul.isdefault==1">
			<img src="images/phone1.png" width="36" height="36" align="absmiddle" />
		</s:if>
		<s:else>
			<img src="images/phone2.png" width="36" height="36" align="absmiddle" />
		</s:else>
       &nbsp;&nbsp;<s:property value="#ul.bindnumber" /></td>
    </tr>
</table>
</li>
</div>
</s:iterator>
</div>

</div>
<div id="envon" style="width:100%; background-color:#FFFFFF; border:1px solid #ccc; padding:10px; overflow:hidden; display:none;"> 
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr onmouseover="this.style.backgroundColor='#ebebeb';" onmouseout="this.style.backgroundColor='#fff';">
      <td align="center" class="fz12"  onclick="location.href='bindNumManager.action'" >绑定号码维护</td>
    </tr>
    <tr><td style="background:#CCC;height:1px;" ></td></tr>
    <tr onmouseover="this.style.backgroundColor='#ebebeb';" onmouseout="this.style.backgroundColor='#fff';" >
      <td align="center" class="fz12" onclick="location.href='changeBindNum.action'">切换号码</td>
      
    </tr>
     <tr><td style="background:#CCC;height:1px;" ></td></tr>
    <tr onmouseover="this.style.backgroundColor='#ebebeb';" onmouseout="this.style.backgroundColor='#fff';" >
      <td align="center" class="fz12" onclick="EV_closeAlert()">返 回</td>
    </tr>
  </table>
</div>
</body>
</html>
